<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动邀请</title>

    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/bootstrap.css">
    <script type="text/javascript" src="../../../public/javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../../public/javascripts/bootstrap.js"></script>

    <style>
    </style>

    <script type="text/javascript" >
        $(document).ready(function(){
            $("#top").load("../top.html");
            $("#left").load("../left.html");
            $("#bottom").load("../bottom.html");
//            $("#right").load("");
        });
    </script>
</head>
<body background="images/whiteBg.png" >
<div id="top"></div>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-1">
        </div>
        <div id="left" class="col-md-2">

        </div>
        <div class="col-md-8" id="right">
            <div class="bodyDiv">
                <div class="row">
                    <div class="col-md-3"  style="padding-top: 20px;">
                     <span style="font-family: 'Arial Negreta', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 32px;
color: #333333;
text-align: left;
line-height: normal;
width: 50px;
padding-left: 15px;">人员邀请</span>



                    </div>
                    <div class="col-md-2" style="padding-top: 30px;">
                    </div>
                    <div class="col-md-2" style="padding-top: 30px;">
                    </div>
                    <div class="col-md-2" style="padding-top: 30px;">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="height:311px; width: 853px;margin-top: 30px;margin-left: 5px; width: 100%;">
                       <div class="container" style="height: 335px;width: 750px;background-color:ghostwhite">
                          <div class="col-md-12">
                           <div class="col-md-2"></div>
                           <div class="col-md-2" style="padding-top: 29px;">
                               <input type="text" class="form-control" placeholder="查询条件" style="height: 22px;width: 100px">
                           </div>
                           <div class="col-md-2" style="padding-top: 30px;">
                                <input type="submit" class="btn btn-info btn-xs" value="查找">
                           </div>
                           <div class="col-md-2"></div>
                           <div class="col-md-2" style="padding-top: 30px;">
                               <input type="text" class="form-control" placeholder="已选人数" style="height: 22px" disabled="disabled">
                           </div>
                           </div>
                           <div class="col-md-12">
                               <div class="col-md-2"></div>
                               <div class="col-md-4" style="padding-top: 29px;">
                                   <select multiple class="form-control" style="height: 200px;width: 150px">
                                       <option>1</option>
                                       <option>2</option>
                                       <option>3</option>
                                       <option>4</option>
                                       <option>5</option>
                                   </select>
                               </div>
                               <div class="col-md-1"></div>
                               <div class="col-md-4" style="padding-top: 29px;">
                                   <select multiple class="form-control" style="height: 200px;width: 150px">
                                       <option>1</option>
                                       <option>2</option>
                                       <option>3</option>
                                       <option>4</option>
                                       <option>5</option>
                                   </select>
                               </div>
                           </div>
                           <div class="col-md-12">
                               <div class="col-md-2"></div>
                               <div class="col-md-4" style="padding-top: 10px;">
                                  <button type="button" class="btn btn-success btn-sm " style="width:150px ">确定</button>
                               </div>
                               <div class="col-md-1"></div>
                               <div class="col-md-4" style="padding-top: 10px;">
                                   <button type="button" class="btn btn-warning btn-sm " style="width:150px ">取消</button>
                               </div>
                           </div>
                       </div>
                    </div>

                </div><!--内容-->
            </div>
            <div class="col-md-1">
            </div>
        </div>
    </div>
    <div id="bottom"></div>
</div>

</body>

</html>